/**
 * @created by panglinxia on 2020-4-1 16:00:41
 * @updated by
 * @description 登录页面
 */
 .yu-login{
  width:100%;
  height:100%;
  background: url(../../../themes/common/images/login-bg.png) left center no-repeat;
  background-size: cover;
 } 
.yu-login .yu-login-center{
  width:1000px;
  height:600px;
  position: absolute;
  top:50%;
  left:50%;
  transform: translate(-50%, -50%);
  z-index: 3;
  box-shadow:0px 0px 68px 4px rgba(207,207,207,0.6);
  border-radius:34px;
}
.yu-login .yu-center-left{
  float: left;
  width:560px;
  height:100%;
  background:linear-gradient(125deg,rgba(110,82,187,1),rgba(65,76,183,1));
  border-radius:34px 0px 0px 34px;
}
.yu-center-left>img{
  width: 484px;
  height: auto;
  margin: 165px 38px;
}
.yu-login .yu-center-right{
  float: left;
  width:440px;
  height:100%;
  background:rgba(255,255,255,1);
  border-radius:0px 34px 34px 0px;
}
.yu-center-logo{
  text-align: center;
  height: 116px;
  margin: 82px 52px 22px 52px;
  font-size: 18px;
  color: #191A1A;
  line-height: 40px;
}
.yu-center-logo>img{
	float: none;
  height:47px;
  width: auto;
  margin-right: 20px;
}
.yu-center-logo>h3{
	text-align: center;
} 
.yu-login-form{margin: 0 40px;}
.yu-login-form>li{margin: 24px 0;position: relative;font-size: 14px;color: #666;line-height: 48px;}
.yu-login-form>li>input,.yu-login-form>li>button{transition: .2s;}
.yu-login-form>li>input[type=text],.yu-login-form>li>input[type=password]{
  width:358px;
  height:44px;
  background:rgba(255,255,255,1);
  border:1px solid rgba(186, 186, 227, 1);
  border-radius:8px;
  text-indent: 60px;
  font-size: 14px;
}
.yu-login-form>li>input[type=text]:hover,.yu-login-form>li>input[type=password]:hover,.yu-login-form>li>input[type=text]:focus,.yu-login-form>li>input[type=password]:focus{border-color: #5557B9;}
.yu-login-form>li>input:hover+i,.yu-login-form>li>input:focus+i{color: #5557B9;}
.yu-login-form>li>input[type=checkbox]{margin-left: 14px;cursor: pointer;}
.yu-login-form>li>input[type=checkbox]+label{cursor: pointer;}
.yu-login-form>li>i{position: absolute;font-size: 20px;top: 0;left: 20px;color: #949494;}
.yu-login-code{float: left;height: 42px;position: absolute;right: 10px;top: 0;cursor: pointer;border: none;}
.yu-login-form>li>button{width: 100%;height: 48px;background-color: #5557B9;border-radius: 8px; border: 1px solid #5557B9;color: #ffffff;font-size: 18px;}
.yu-login-form>li>button:hover{
  background: #5C5EC6;
  box-shadow:0px 0px 8px 0px rgba(85,87,185,0.4);
}
.yu-login-form>li>button:active{
  background: #5153B0;
}
.yu-login-msg{color: #ff4949;font-size: 14px;display: none;}
.yu-login-msg::before{font-size: 16px;margin-right: 5px;float: left;}
.yu-login-footer{position: absolute;right: 0; bottom: 24px;width: 40%;line-height: 30px;color: #949494;font-size: 14px;text-align: center;}
.yu-login-logo ul {border-radius: 3px;position: absolute;top: 72px;right: 0;width: auto;line-height: 29px;z-index: 10;background-color: #fff;border: 1px solid #d1dbe5;height: auto;box-shadow: 0 2px 4px rgba(0,0,0,.2)}
.yu-login-logo ul>li {clear: left;cursor: pointer;position: relative;padding: 0 15px;text-align: left;height: 29px;line-height: 29px;border-bottom: 0 solid #bfdaee;font-size: 12px;color: #666;transition: .2s;overflow: hidden;text-overflow: ellipsis;white-space: nowrap}
.yu-login input:-webkit-autofill { 
  box-shadow: 0 0 0px 1000px white inset;
}
.yu-login .yu-bottomBar{
  position:absolute;
  z-index:1;
  bottom:0;
  width:100%;
  text-align:center;
  height:80px;
  line-height:42px;
  font-size:14px;
  color:#191A1A;
}

